<template>
  <div id="app">
    <router-view></router-view>
    <van-tabbar
      ref="ele"
      route
      active-color="#ff0000"
      inactive-color="#000"
      id="a"
      safe-area-inset-bottom
    >
      <van-tabbar-item replace to="/" icon="photo-o">My Name</van-tabbar-item>
      <van-tabbar-item replace to="/about-me" icon="eye-o">About Me</van-tabbar-item>
      <van-tabbar-item replace to="/my-skill" icon="fire-o">My Skill</van-tabbar-item>
      <van-tabbar-item replace to="/experience" icon="gem-o">Experience</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: "app",
  components: {
  },
  data() {
    return {
    };
  },
  mounted() {
    
  }
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
}
</style>
